<!DOCTYPE html>
<html>
<head>
	<title>基本构架的实现</title>
	<meta charset = "utf-8">
	<link rel="stylesheet" type="text/css" href="main.css">
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
     <div id = "container">
         <div id = "white"></div>
         <div id = "nav_top">
              <div id = "navList_content">
                  <ul >
                     <h3 style="border-left: 1px solid #fff;"><span>网站首页</span></h3>
                     <div>
                         <li><a href="#" class = "navList_href">机构设置</a></li>
                         <li><a href="#" class = "navList_href">只见新闻</a></li>
                         <li><a href="#" class = "navList_href">执法打假</a></li>
                         <li><a href="#" class = "navList_href">综合管理</a></li>
                     </div>
                  </ul>
                  <ul class="selected">
                     <h3><span>政务公开</span></h3>
                     <div>
                         <li><a href="#" class = "navList_href">综合管理</a></li>
                         <li><a href="#" class = "navList_href">政务公开</a></li>
                         <li><a href="#" class = "navList_href">物流管理</a></li>
                         <li><a href="#" class = "navList_href">人事公开</a></li>
                     </div>
                  </ul>
                  <ul>
                     <h3><span>版务中心</span></h3>
                     <div>
                         <li><a href="#" class = "navList_href">机构设置</a></li>
                         <li><a href="#" class = "navList_href">领导名录</a></li>
                         <li><a href="#" class = "navList_href">只见新闻</a></li>
                         <li><a href="#" class = "navList_href">执法打假</a></li>
                         <li><a href="#" class = "navList_href">综合管理</a></li>
                         <li><a href="#" class = "navList_href">政务公开</a></li>

                     </div>
                  </ul>
                  <ul>
                     <h3><span>互动中心</span></h3>
                    <div>
                        <li><a href="#" class = "navList_href">机构设置</a></li>
                        <li><a href="#" class = "navList_href">领导名录</a></li>
                        <li><a href="#" class = "navList_href">只见新闻</a></li>
                    </div>
                  </ul>
                  <ul>
                     <h3><span>质监信息</span></h3>
                     <div>
                         <li><a href="#" class = "navList_href">机构设置</a></li>
                         <li><a href="#" class = "navList_href">领导名录</a></li>
                         <li><a href="#" class = "navList_href">只见新闻</a></li>
                         <li><a href="#" class = "navList_href">执法打假</a></li>
                         <li><a href="#" class = "navList_href">综合管理</a></li>
                         <li><a href="#" class = "navList_href">政务公开</a></li>
                         <li><a href="#" class = "<!-- navList_href">物流管理</a></li>
                         <li><a href="#" class = "navList_href">人事公开</a></li>
                     </div>
                  </ul>
              </div>
              <div id = "navList_intro">
                  <div id = "data_show"><span>2012年12月23日 星期二</span></div>
                  <div id = "search">全文检索：   
                     <input type = "text"/><input  id = "search_btn"  type = "button" value = "检索"/>
                  </div>
              </div>
         </div>
         <div id = "nav_welcome">
                  <span id = "welcome">你好，欢迎进入昭通市质量技术监督网</span>
                  <span id = "address">地址：华南农业大学   电话：18819260875</span>
              </div>
         <div id = "index_content">
            <div id = "index_content_top">
                 <div id = "ict_left">
                    <div id = "zygn">
                       <ul>
                         <li id = "oa"><a href="#" class = "zygn_link">OA办公系统</a></li>
                         <li id = "complain"><a href="#" class = "zygn_link">12308举报电话</a></li>
                         <li id = "dep"><a href="#" class = "zygn_link">机构发布指南</a></li>
                       </ul>
                    </div>
                    <div id = "notice" class = "index_article">
                        <ul>
                        <h3><span class = "article_title">通知公告</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        </ul>
                    </div>
                 </div>
                 <div id = "ict_center">
                    <div id = "roll_pic">
                        <div id = "pics">
                            <img src="images/1.jpg" alt="" class="temp_img"/>
                            <img src="images/2.jpg" alt=""/>
                            <img src="images/3.jpg" alt=""/>
                            <img src="images/4.jpg" alt=""/>
                            <img src="images/5.jpg" alt=""/>
                            <img src="images/6.jpg" alt=""/>
                        </div>
                        <div class="number">
                            <ul>
                                <li class="temp_li">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                                <li>6</li>
                            </ul>
                        </div>
                        <div id = "roll_pic_intro">
                            <span class="temp_span">省质监局副局长符亚杰深入昭通市彝良县天麻示范基地调研天</span>
                            <span>昭通市彝良县天麻示范基地调研天</span>
                            <span>省质监局副局长符亚杰深入昭通</span>
                            <span>22222222222222市彝良县天麻示范基地调研天</span>
                            <span>省质监局副局长符亚杰33333333333333333333</span>
                            <span>66666666666666666666666</span>
                        </div>
                    </div>
                    <div id = "ldmm" class = "index_article">
                        <ul>
                        <h3><span class = "article_title">领导名录</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                        </ul>
                    </div>
                </div> 
                <div id = "ict_right" class = "index_article">
                    <ul>
                        <h3><span class = "article_title">质监动态</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        <li><a href="#" class = "index_article_list">昭通市质监局工会会员代表大会胜利召开 2015-12-04</a></li>
                        </ul>
                </div>    
            </div>
            <div id = "index_content_center">
                <div id = "ztl">
                   <ul>
                       <li><a href="#" class = "ztl_href">质量兴市</a></li>
                       <li><a href="#" class = "ztl_href">创先争优</a></li>
                       <li><a href="#" class = "ztl_href" style = "left:51px;">大质监文化建设</a></li>
                       <li><a href="#" class = "ztl_href" style = "left:47px;">效能政府四项制度</a></li>
                       <li><a href="#" class = "ztl_href">质量提升年</a></li>
                   </ul>
                </div>
                <div id = "xcl">
                   <img src="images/16.png">
                </div>
            </div>
             <div id = "index_content_bottom1">
                 <div id = "icb1_left">
                     <div id = "icb1_left_zhgl" class = "index_article">
                         <ul>
                             <h3><span class = "article_title">综合管理</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         </ul>
                     </div>
                     <div id = "icb1_left_zfdj" class = "index_article">
                         <ul>
                             <h3><span class = "article_title">执法打假</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>

                         </ul>
                     </div>
                     <div id = "icb1_left_zwgk" class = "index_article">
                         <ul>
                             <h3><span class = "article_title">政务公开</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         </ul>
                     </div>
                     <div id = "icb1_left_flfg" class = "index_article">
                         <ul>
                             <h3><span class = "article_title">法律法规</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         </ul>
                     </div>
                 </div>
                 <div id = "icb1_right" class = "index_article">
                     <ul>
                         <h3><span class = "article_title">质检讲座</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                     </ul>
                 </div>
             </div>
             <div id = "index_content_bottom2">
                 <div id = "icb2_left">
                     <div id = "icb2_left_top" class = "index_article">
                         <h3><span class = "article_title">网站指南</span></h3>
                     </div>
                     <div id = "icb2_left_bottom">
                         <div id = "icb2_left_left" class = "index_article">
                             <ul>
                                 <h2><span class = "icb2_left_title">【省各州市网站】</span></h2>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                                 <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             </ul>
                         </div>
                         <div id = "icb2_left_center">
                             <ul>
                                 <h2><span class = "icb2_left_title">【昭通市区县分局指南】</span></h2>
                                 <li class = "lj"><a href="#" class = "map">绥江县</a></li>
                                 <li class = "sf"><a href="#" class = "map">水富县</a></li>
                                 <li class = "ys"><a href="#" class = "map">永善县</a></li>
                                 <li class = "yj"><a href="#" class = "map">盐津县</a></li>
                                 <li class = "wx"><a href="#" class = "map">威信县</a></li>
                                 <li class = "dg"><a href="#" class = "map">大关县</a></li>
                                 <li class = "jl"><a href="#" class = "map">彝良县</a></li>
                                 <li class = "zy"><a href="#" class = "map">昭阳区</a></li>
                                 <li class = "ld"><a href="#" class = "map">鲁甸县</a></li>
                                 <li class = "qj"><a href="#" class = "map">巧家县</a></li>
                                 <li class = "zx"><a href="#" class = "map">镇雄县</a></li>
                             </ul>
                         </div>
                         <div id = "icb2_left_right" class = "index_article">
                             <ul>
                                 <h2><span class = "icb2_left_title">【常用网站导航】</span></h2>
                                 <li><a href="#" class = "index_article_list">百度</a></li>
                                 <li><a href="#" class = "index_article_list">搜狐网站</a></li>
                                 <li><a href="#" class = "index_article_list">新华网</a></li>
                                 <li><a href="#" class = "index_article_list">中国新闻网</a></li>
                                 <li><a href="#" class = "index_article_list">中国政府网</a></li>
                                 <li><a href="#" class = "index_article_list">北京质监</a></li>
                                 <li><a href="#" class = "index_article_list">上海质监</a></li>
                                 <li><a href="#" class = "index_article_list">环球军事网</a></li>
                             </ul>
                         </div>
                     </div>
                 </div>
                 <div id = "icb2_right">
                     <div id="icb2_right_top" class = "index_article">
                         <ul>
                             <h3><span class = "article_title">行政许可</span><span> <a href="#" class = "article_more">更多>></a></span></h3>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                             <li><a href="#" class = "index_article_list">关于####的通知公告</a></li>
                         </ul>
                     </div>
                     <div id="icb2_right_bottom">
                         <div class="select_link">
                             <select>
                                 <option>省各州市质量技术监督系统</option>
                                 <option value = "#">广州市质量技术监督局1</option>
                                 <option value = "#">广州市质量技术监督局2</option>
                                 <option value = "#">广州市质量技术监督局3</option>
                                 <option value = "#">广州市质量技术监督局4</option>
                                 <option value = "#">广州市质量技术监督局5</option>
                                 <option value = "#">广州市质量技术监督局6</option>
                                 <option value = "#">广州市质量技术监督局7</option>
                                 <option value = "#">广州市质量技术监督局8</option>
                             </select>
                         </div>
                         <div class="select_link">
                             <select>
                                 <option>广州市区县分局监督系统</option>
                                 <option value = "#">广州市质量技术监督局1</option>
                                 <option value = "#">广州市质量技术监督局2</option>
                                 <option value = "#">广州市质量技术监督局3</option>
                                 <option value = "#">广州市质量技术监督局4</option>
                                 <option value = "#">广州市质量技术监督局5</option>
                                 <option value = "#">广州市质量技术监督局6</option>
                                 <option value = "#">广州市质量技术监督局7</option>
                                 <option value = "#">广州市质量技术监督局8</option>
                             </select>
                         </div>
                         <div class="select_link" >
                             <select>
                                 <option>常用网站导航指南</option>
                                 <option value = "#">广州市质量技术监督局1</option>
                                 <option value = "#">广州市质量技术监督局2</option>
                                 <option value = "#">广州市质量技术监督局3</option>
                                 <option value = "#">广州市质量技术监督局4</option>
                                 <option value = "#">广州市质量技术监督局5</option>
                                 <option value = "#">广州市质量技术监督局6</option>
                                 <option value = "#">广州市质量技术监督局7</option>
                             </select>
                         </div>
                     </div>
                 </div>
             </div>
             <div id="blank"></div>
         </div>
         <div id="footer">
             <div id="footer_bar">
                 <ul>
                     <li style="position:relative;left:80px"><span><a href="#">后台管理</a></span></li>
                     <li style="text-align: center;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;"><span><a href="#">云南昭通技术监督局</a></span></li>
                     <li style="position:relative;left:40px"><span><a href="#">联系我们</a></span></li>
                 </ul>
             </div>
             <div id="copyright"><span>Copyright 2012-2015&nbsp&nbsp&nbsp昭通市质量技术监督局All Right Reserved.滇ICP备090042302号</span></div>
             <div id="footer_logo">
                 <img src="images/21.PNG" alt=""/>
             </div>
         </div>
     </div>
</body>
</html>